<template>
    <div>
        <div class="company-wrap">
            <div class="company-item">
                <div class="separator" v-if="separatorshow === 1"></div>
                <div class="title" :class="{'item-nbold' : (itembold == 0)}">合作机构
                    <span style="font-size: 16px; color: #666; font-family: MicrosoftYaHei">Cooperative Agency</span>
                </div>
                  <el-carousel height="250px" :interval="5000" arrow="always">
                    <el-carousel-item v-for="item in 1" :key="item">
                        <div class="imgs-wrap">
                            <img  src="../../images/13.png" alt="">
                            <!-- <img  src="../../images/1.png" alt="">
                            <img  src="../../images/2.png" alt="">
                            <img  src="../../images/3.png" alt="">
                            <img  src="../../images/4.png" alt="">
                            <img  src="../../images/5.png" alt="">
                            <img  src="../../images/6.png" alt="">
                            <img  src="../../images/7.png" alt="">
                            <img  src="../../images/8.png" alt="">
                            <img  src="../../images/9.png" alt="">
                            <img  src="../../images/10.png" alt="">
                            <img  src="../../images/11.png" alt="">
                            <img  src="../../images/12.png" alt=""> -->
                        </div>
                    </el-carousel-item>
                  </el-carousel>
            </div>
        </div>
        <div class="footer">
            <div class="footer-wrap">
                <div class="footer-title">
                    <!--<div class="icon"></div>-->
                    <div class="p-text">创巢中小企业众扶平台（中国风险贷款先行者）</div>
                    <div class="tel">
                        <div class="num">
                            全国免费咨询热线：400-969-0660
                        </div>
                        <div class="footer-date">周一到周五 ( 9:00--18:00 )</div>
                    </div>
                </div>
                <div class="footer-text">地址：上海市杨浦区国权路43号财富广场银座24楼 沪ICP备16014815号</div>
                <div class="footer-text">版权所有：© 2010-2017 上海创巢投资管理有限公司 ALL Rightts Reserved.</div>
                <div class="footer-text"><span>信贷平台：</span>杨浦“贷投联动—双创贷”项目<span class="sort">|</span>上海市技术合同备案企业专属信贷平台<span class="sort">|</span>挂牌无忧贷</div>
                <div class="footer-sort">
                    <div class="sort-text">
                        <div class="icon"></div>沪公网安备 31011002000967号
                    </div>
                    <div class="sort-item">
                        <div class="sort-list"><a href="https://www.chuangchao.org/about/">关于我们</a><span>|</span></div>
                        <div class="sort-list"><a href="https://www.chuangchao.org/news/">新闻资讯</a><span>|</span></div>
                        <div class="sort-list"><a href="https://www.chuangchao.org/service.html">服务项目</a><span>|</span></div>
                        <div class="sort-list"><a href="https://www.chuangchao.org/contact/">联系我们</a> <span>|</span></div>
                        <div class="sort-list"><a href="https://www.chuangchao.org/sitemap.html">网站地图</a> </div>
                    </div>
                </div>
                <div class="footer-wechat">
                    <img src="../../images/weim.png" alt="">
                    <div>微信扫码关注</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
let CONSTANT = require('../../constant/constant.js'),
    common = require('../../common.js');
export default {
    data () {
        return {
            linkArr:[{
                name:'首页',
                link:''
            },{
                name:'贷款产品',
                link:''
            },{
                name:'关于我们',
                link:''
            }],
            num:0
        }
    },
    props:{
        itembold:{
            default: 1
        },
        separatorshow: {
            default: 1
        }
    },

    created(){

    },
    mounted(){

    },
    methods:{

    }
}
</script>

<style lang="scss">
.company-wrap{
    padding-top: 20px;
    padding-bottom: 30px;
    .company-item{
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        .separator {
            width: 4px;
            height: 24px;
            float: left;
            background: linear-gradient(#ED7018, #F7AB00);
            border-top: 0px 0px 0px 4px;
            margin-top: 4px;
            margin-right: 10px;
        }
        div.title{
            font-size: 24px;
            color: #111;
            font-weight: bold;
        }
        div.item-nbold {
            position: relative;
            font-size: 20px;
            color: #111;
            margin-bottom: 39px;
            padding-left: 10px;
            font-weight: normal;
            &:before{
                position: absolute;
                left: 0;
                top: 5px;
                content: '';
                width: 2px;
                height: 17px;
                background-color: #ED7018;
            }
            span{
                font-size: 14px;
                color: #666;
                margin-left: 10px;
            }
        }
        .imgs-wrap{
            width: 85.75%;
            margin-left: 10%;
            img{
                width: 84%;
                background-image:url(../../images/13.png);
                background-size:container;
                margin-right: 4%;
                position: absolute;
                top: 50%;
                height: 168px;
                margin-top: -84px;
            }
        }
        .el-carousel {
            overflow-y: hidden;
        }
        .el-carousel__arrow{
            border: 1px solid #d1d1d1;
            background-color: #fff;
            i{
                color: #999;
                font-size: 20px;
            }
        }
    }

}
.footer{

    height: 221px;
    background-color: #f5f5f5;
    padding-top: 42px;
    padding-bottom: 30px;
    .footer-wrap{
        position: relative;
        width: 1197px;
        margin: 0 auto;
        overflow: hidden;
        height: 100%;
        font-size: 14px;
        color: #111;
        .footer-title{
            overflow: hidden;
            .p-text{
                &:before {
                    content: url(../../images/footer-logo.png);
                    width: 28px;
                    height: 24px;
                    margin-right: 8px;
                    position: relative;
                    top: 5px;
                }
                float: left;
                height: 24px;
                font-size: 16px;
                line-height: 24px;
                font-weight: bold;
                color: #111111;
                width: 58%;
                min-width: 620px;
            }
            .tel{
                float: left;
                font-size: 16px;
                font-weight: bold;
                color: #ED7018;
                .footer-date{
                    height: 18px;
                    line-height: 18px;
                    font-size: 16px;
                    font-weight: bold;
                    margin-top: 15px;
                    color: #111111;
                }
            }
        }
        .footer-text{

        }
    }
    .footer-text{
        margin-top: 7px;
        font-size: 14px;
        span{
            color: #ED7018;
            &.sort{
                margin: 0 10px;
            }
        }
    }
    .footer-sort{
        overflow: hidden;
        margin-top: 39px;
        .sort-text{
            float: left;
            color: #111;
            font-size: 14px;
            width: 58%;
            min-width: 620px;
            .icon{
                background-size: 100%;
                background-image: url(../../images/ghs.png);
                width: 18px;
                height: 20px;
                float: left;
                margin-right: 5px;
            }
        }
        .sort-item{
            float: left;
            width: 380px;
            .sort-list{
                float: left;
                margin-right: 10px;
                cursor: pointer;
                a{
                    color: #111;
                    &:hover{
                        color: #ED7018;
                    }
                }
                span{
                    margin: 0 0px 0 8px;
                }
            }
        }
    }
    .footer-wechat{
        position: absolute;
        top: 0px;
        right: 0;
        img{
            width: 122px;
            height: 122px;
            margin-bottom: 5px;
        }
        div{
            text-align: center;
            font-size: 16px;
            color: #111;
        }
    }
}
</style>
